<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>分类管理页面</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
    var url;
    function openCategoryAddDialog(){
        $("#dlg").dialog("open").dialog("setTitle","添加图书类别信息");
        url="${pageContext.request.contextPath}/admin/category/save.do";
    }

    function openCategoryModifyDialog(){
        var selectedRows=$("#dg").datagrid("getSelections");
        if(selectedRows.length!=1){
            $.messager.alert("系统提示","请选择一个要修改的图书类别！");
            return;
        }
        var row=selectedRows[0];
        $("#dlg").dialog("open").dialog("setTitle","修改图书类别信息");
        $("#fm").form("load",row);
        url="${pageContext.request.contextPath}/admin/category/save.do?id="+row.id;
    }

    function saveCategory(){
        $("#fm").form("submit",{
            url:url,
            onSubmit:function(){
                return $(this).form("validate");
            },
            success:function(result){
                var result=eval('('+result+')');
                if(result.success){
                    $.messager.alert("系统提示","保存成功！");
                    resetValue();
                    $("#dlg").dialog("close");
                    $("#dg").datagrid("reload");
                }else{
                    $.messager.alert("系统提示","保存失败！");
                    return;
                }
            }
        });
    }

    function resetValue(){
        $("#typeName").val("");
        $("#orderNo").val("");
    }

    function closeCategoryeDialog(){
        $("#dlg").dialog("close");
        resetValue();
    }


    function deleteCategory(){
        var selectedRows=$("#dg").datagrid("getSelections");
        if(selectedRows.length==0){
            $.messager.alert("系统提示","请选择要删除的数据！");
            return;
        }
        var strIds=[];
        for(var i=0;i<selectedRows.length;i++){
            strIds.push(selectedRows[i].id);
        }
        var ids=strIds.join(",");
        $.messager.confirm("系统提示","您确定要删除这<font color=red>"+selectedRows.length+"</font>条数据吗？",function(r){
            if(r){
                $.post("${pageContext.request.contextPath}/admin/category/delete.do",{ids:ids},function(result){
                    if(result.success){
                        if(result.exist){
                            $.messager.alert("系统提示",result.exist);
                        }else{
                            $.messager.alert("系统提示","数据已成功删除！");
                        }
                        $("#dg").datagrid("reload");
                    }else{
                        $.messager.alert("系统提示","数据删除失败！");
                    }
                },"json");
            }
        });
    }

</script>
</head>
<body style="margin: 1px">
<table id="dg" title="博客类别管理" class="easyui-datagrid"
	   fitColumns="true" pagination="true" rownumbers="true"
	   url="${pageContext.request.contextPath}/admin/category/list.do" fit="true" toolbar="#tb">
	<thead>
	<tr>
		<th field="cb" checkbox="true" align="center"></th>
		<%--<th field="id" width="20" align="center">编号</th>--%>
		<th field="categoryname" width="100" align="center">类型名称</th>
		<th field="amount" width="100" align="center">所有的图书总量</th>
	</tr>
	</thead>
</table>
<div id="tb">
	<div>
		<a href="javascript:openCategoryAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
		<a href="javascript:openCategoryModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
		<a href="javascript:deleteCategory()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
	</div>
</div>

<div id="dlg" class="easyui-dialog" style="width: 500px;height: 180px;padding: 10px 20px" closed="true" buttons="#dlg-buttons">
	<form id="fm" method="post" >
		<table cellspacing="8px">
			<tr>
				<td>图书类别名称：</td>
				<td>
					<input type="text" id="categoryname" name="categoryname" class="easyui-validatebox" required="true"/>
				</td>
			</tr>
		</table>
	</form>
</div>

<div id="dlg-buttons">
	<a href="javascript:saveCategory()" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
	<a href="javascript:closeCategoryDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>
</div>
</body>
</html>